﻿/* HTML styles for the splash screen */
.avalonia-splash {
	position: absolute;
	height: 100%;
	width: 100%;
	background: white;
	font-family: 'Outfit', sans-serif;
	justify-content: center;
	align-items: center;
	display: flex;
	pointer-events: none;
}

/* Light theme styles */
@media (prefers-color-scheme: light) {
	.avalonia-splash {
		background: white;
	}

	.avalonia-splash h2 {
		color: #1b2a4e;
	}

	.avalonia-splash a {
		color: #0D6EFD;
	}
}

@media (prefers-color-scheme: dark) {
	.avalonia-splash {
		background: #1b2a4e;
	}

	.avalonia-splash h2 {
		color: white;
	}

	.avalonia-splash a {
		color: white;
	}
}

.avalonia-splash h2 {
	font-weight: 400;
	font-size: 1.5rem;
}

.avalonia-splash a {
	text-decoration: none;
	font-size: 2.5rem;
	display: block;
}

.avalonia-splash.splash-close {
	transition: opacity 200ms, display 200ms;
	display: none;
	opacity: 0;
}
